<template>
  <div>
    <div class="box">
      <el-form>
        <el-row>
          <el-col :span="6">
            <el-form-item label="开始日期：">
              <el-date-picker type="date" placeholder="请选择时间" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="结束日期：">
              <el-date-picker type="date" placeholder="请选择时间" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="审核状态：">
              <el-select v-model="value" class="m-2" placeholder="Select" size="large">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-button>
              <icons name="search"></icons>
              搜索
            </el-button>
            <el-button type="primary"> <icons name="reset"></icons>重置</el-button>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div class="container">
      <el-button type="primary" style="margin-bottom: 10px">+ 请款申请</el-button>
      <el-table border style="width: 100%">
        <el-table-column prop="date" label="Date" width="180" align="center" header-align="center" />
        <el-table-column prop="name" label="Name" width="180" align="center" header-align="center" />
        <el-table-column prop="address" label="Address" align="center" header-align="center" />
      </el-table>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref } from '@vue/reactivity';

const value:any = ref('')

const options:any = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
  {
    value: 'Option3',
    label: 'Option3',
  },
  {
    value: 'Option4',
    label: 'Option4',
  },
  {
    value: 'Option5',
    label: 'Option5',
  },
]
</script>
<style scoped></style>
